<!doctype html>
<html lang="en">

  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Sandbox - CodeSandbox</title>
    <link
      href="https://fonts.googleapis.com/css?family=Montserrat:300|Source+Code+Pro"
      rel="stylesheet">

      <link
          href="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'>
  <style>
    svg {
      background: transparent;
    }
    path {
      fill: black;
    }
    @media (prefers-color-scheme: dark)  {
      path {
        fill: white;
      }
    }
  </style>
  <path fill-rule='evenodd' clip-rule='evenodd' d='M81.8182 18.1818V81.8182H18.1818V18.1818H81.8182ZM10 90V10H90V90H10Z'/>
</svg>"
          rel="icon"
        />

    <link rel="stylesheet" href="./index.css">
  </head>

  <body>
    <div class="container">
      <!-- <h1 class="title">CodeSandbox</h1> -->


      <div id="cubescaler">
        <div id="cube">
        </div>
      </div>

      <div id="loading">
        <div id="loading-text">Initializing Sandbox Container</div>

        <div id="loading-bar">
          <div id="loading-progress"></div>
        </div>

        <div id="term"></div>
      </div>
    </div>

    <script src="./index.js" type="application/javascript"></script>
  </body>

</html>
